<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/7/5
  Time: 13:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>个人中心</title>

    <link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
    <link href="../css/personal.css" rel="stylesheet" type="text/css">
    <link href="../css/vipstyle.css" rel="stylesheet" type="text/css">
    <script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="../AmazeUI-2.4.2/assets/js/amazeui.js"></script>
</head>

<body>
<!--头 -->
<header>
    <article>
        <div class="mt-logo">
            <!--顶部导航条 -->
            <div class="am-container header">
                <ul class="message-l">
                    <div class="topMessage">
                        <div class="menu-hd">
                        </div>
                    </div>
                </ul>
                <ul class="message-r">
                    <div class="topMessage home">
                        <div class="menu-hd"><a href="/home" target="_top" class="h">商城首页</a></div>
                    </div>
                    <div class="topMessage my-shangcheng">
                        <div class="menu-hd MyShangcheng"><a href="/personCenter" target="_top"><i
                                class="am-icon-user am-icon-fw"></i>个人中心</a></div>
                    </div>
                    <div class="topMessage mini-cart">
                        <div class="menu-hd"><a id="mc-menu-hd" href="/cartList" target="_top"><i
                                class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span></a>
                        </div>
                    </div>
                    <div class="topMessage favorite">
                        <div class="menu-hd"><a href="/toCollection" target="_top"><i
                                class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
                    </div>
                </ul>
            </div>

            <!--悬浮搜索框-->

            <div class="nav white">
                <div class="logoBig">
                    <li><img src="../images/logobig.png"/></li>
                </div>

                <div class="search-bar pr">
                    <a name="index_none_header_sysc" href="#"></a>
                    <form action="/search" method="post">
                        <input id="searchInput" name="searchMsg" type="text" placeholder="搜索"
                               autocomplete="off">
                        <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
                    </form>
                </div>
            </div>

            <div class="clear"></div>
        </div>
    </article>
</header>
<div class="nav-table">
    <div class="long-title"><span class="all-goods">全部分类</span></div>
    <div class="nav-cont">
        <ul>
            <li class="index"><a href="#">首页</a></li>
            <li class="qc"><a href="#">闪购</a></li>
            <li class="qc"><a href="#">限时抢</a></li>
            <li class="qc"><a href="#">团购</a></li>
            <li class="qc last"><a href="#">大包装</a></li>
        </ul>
        <div class="nav-extra">
            <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
            <i class="am-icon-angle-right" style="padding-left: 10px;"></i>
        </div>
    </div>
</div>

<b class="line"></b>
<div class="center">
    <div class="col-main">
        <div class="main-wrap">
            <div class="wrap-left">
                <div class="wrap-list">
                    <div class="m-user">
                        <!--个人信息 -->

                        <div class="m-userinfo">
                            <a href="/toComment">
                                <div class="tipsBox"><i class="am-icon-envelope"></i></div>
                            </a>
                            <div class="m-baseinfo">
                                <a class="m-pic" href="/toInformation">
                                    <img src="${userInformation.userProfile}">
                                </a>
                                <div class="m-info">
                                    <div class="vip1" align="center" style="margin-top: 25px">
                                        <em class="s-name">${nickName}</em>
                                        <a href="/exit"
                                           style=" color: white; float: right;
                                           border: #ffffff solid 1px;border-radius: 25px;padding: 2px;
                                            font-size: 10px">退出登录</a>
                                    </div>
                                    <div class="safeText"><a href="/toSafety">账户安全:<em
                                            style="margin-left:20px ;">60</em>分</a>
                                        <div class="progressBar"><span style="left: -95px;" class="progress"></span>
                                        </div>
                                    </div>
                                    <div class="m-address">
                                        <a href="/toAddress" class="i-trigger">收货地址<i class="am-icon-angle-right"
                                                                                      style="padding-left:5px ;"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="m-right">
                                <div class="m-new">
                                    <a href="/toComment"><i class="am-icon-dropbox  am-icon-md"
                                                            style="padding-right:5px ;"></i>消息盒子</a>
                                </div>

                            </div>
                        </div>

                        <!--个人资产-->
                        <div class="m-userproperty">
                            <div class="s-bar">
                                <i class="s-icon"></i>个人资产
                            </div>
                            <p class="m-coupon">
                                <a href="#">
                                    <em class="m-num">${couponTotal}</em>
                                    <span class="m-title">优惠券</span>
                                </a>
                            </p>
                            <p class="m-wallet">
                                <a href="#">
                                    <em class="m-num">${accountBalance}</em>
                                    <span class="m-title">账户余额</span>
                                </a>
                            </p>
                            <p class="m-bill">
                                <a href="#">
                                    <em class="m-num">${totalPoints}</em>
                                    <span class="m-title">总积分</span>
                                </a>
                            </p>
                        </div>

                        <!--我的钱包-->
                        <div class="wallet">
                            <div class="s-bar">
                                <i class="s-icon"></i>商城钱包
                            </div>
                            <p class="m-big squareS">
                                <a href="#">
                                    <i><img src="../images/shopping.png"/></i>
                                    <span class="m-title">能购物</span>
                                </a>
                            </p>
                            <p class="m-big squareA">
                                <a href="#">
                                    <i><img src="../images/safe.png"/></i>
                                    <span class="m-title">够安全</span>
                                </a>
                            </p>
                            <p class="m-big squareL">
                                <a href="#">
                                    <i><img src="../images/profit.png"/></i>
                                    <span class="m-title">很灵活</span>
                                </a>
                            </p>
                        </div>

                    </div>
                    <div class="box-container-bottom"></div>

                    <!--订单 -->
                    <div class="m-order">
                        <div class="s-bar">
                            <i class="s-icon"></i>我的订单
                            <a class="i-load-more-item-shadow" href="/toOrder">全部订单${order.orderId}</a>
                        </div>
                        <c:if test="${empty orders}" var="flag">
                            <h2 style="font-size: 32px;margin:20px">暂无订单</h2>
                        </c:if>
                        <c:forEach items="${orders}" var="order">

                            <div class="orderContentBox">
                                <div class="orderContent">
                                    <div class="orderContentpic">
                                        <div class="imgBox">
                                            <a href="/toOrder"><img src="${order.pictureUrl}"></a>
                                        </div>
                                    </div>
                                    <div class="detailContent">
                                        <a href="/toOrder" class="delivery">${order.orderStatus}</a>
                                        <div class="orderID">
                                            <span class="time"><fmt:formatDate value="${order.createTime}"/></span>
                                            <span class="splitBorder">|</span>
                                            <span class="time"><fmt:formatDate value="${order.createTime}"
                                                                               type="time"/></span>
                                        </div>
                                        <div class="orderID">
                                            <span class="num">共${order.quantity}件商品</span>
                                        </div>
                                    </div>
                                    <div class="state">${order.orderStatus}</div>
                                    <div class="price"><span class="sym">¥</span>${order.payment}</div>
                                </div>
                                <a href="/toProductInfo?productId=${order.productId}" class="btnPay">再次购买</a>
                            </div>
                        </c:forEach>
                    </div>


                </div>
            </div>
            <div class="clear"></div>


        </div>
        <!--底部-->
        <div class="footer">
            <div class="footer-hd">
                <p>
                    <b>|</b>
                    <a href="# ">商城首页</a>
                    <b>|</b>
                    <a href="# ">支付宝</a>
                    <b>|</b>
                    <a href="# ">物流</a>
                </p>
            </div>
            <div class="footer-bd ">
                <p>
                    <a href="# ">合作伙伴</a>
                    <a href="# ">联系我们</a>
                    <a href="# ">网站地图</a>
                </p>
            </div>
        </div>

    </div>

    <aside class="menu">
        <ul>
            <li class="person active">
                <a href="/personCenter"><i class="am-icon-user"></i>个人中心</a>
            </li>
            <li class="person">
                <p><i class="am-icon-newspaper-o"></i>个人资料</p>
                <ul>
                    <li><a href="/toInformation">个人信息</a></li>
                    <li><a href="/toSafety">安全设置</a></li>
                    <li><a href="/toAddress">地址管理</a></li>
                </ul>
            </li>
            <li class="person">
                <p><i class="am-icon-balance-scale"></i>我的交易</p>
                <ul>
                    <li><a href="/toOrder">订单管理</a></li>
                    <li><a href="/toComment">评价商品</a></li>
                </ul>
            </li>
            <li class="person">
                <p><i class="am-icon-tags"></i>我的收藏</p>
                <ul>
                    <li><a href="/toCollection">收藏</a></li>
                    <li><a href="/toFoot">足迹</a></li>
                </ul>
            </li>

            <li class="person">
                <p><i class="am-icon-qq"></i>在线客服</p>
                <ul>
                    <li><a href="/toConsultation">商品咨询</a></li>
                    <li><a href="/toSuggest">意见反馈</a></li>
                </ul>
            </li>
        </ul>
    </aside>
</div>
<!--引导 -->
</body>

</html>
